<template>
    <div class="box">
        <el-row type="flex" :gutter="20">
            <el-col :span="5">
                <el-select v-model="value" clearable placeholder="请选择会员状态" @change="statusChange">
                    <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                    >
                    </el-option>
                </el-select>
            </el-col>
            <el-col :span="4" >
                <el-button type="primary" @click="btn">检索</el-button>
            </el-col>
        </el-row>
    </div>
</template>

<script>
    export default {
        name: "selectBtn",
        data(){
            return {
                options:[
                    {
                        value:'10',
                        label:'全部'
                    },
                    {
                        value:'0',
                        label:'待审核'
                    },
                    {
                        value:'1',
                        label:'正常'
                    },
                    {
                        value:'2',
                        label:'未通过审核'
                    }
                ],
                value:'',
                status:10
            }
        },
        methods:{
            statusChange(value){
                this.status = value
            },
            btn(){
                this.$emit('btn',this.status)
            }
        }

    }
</script>

<style scoped>
    .box{
        width: 100%;
        height: 60px;
        background: white;
        margin: 20px 0;
        padding: 10px 10px;
        box-sizing: border-box
    }

</style>
